/* CSS Document */

.wrap{width: 886px; margin:auto;}
.cl{position:absolute;left:0;}
.cr{position:absolute;right:0;}
.cb{position:absolute;bottom:0;}

#top{height: 26px;width: 100%;background-color:#4a4d49;}
#foot{width: 100%;background-color:#4a4d49;height: 80px;margin-top:30px;;}
#foot .wrap{line-height:2; padding:15px 0;color:#a4a6a1}
#foot .wrap a{color:#a4a6a1;text-decoration:none; }
#comsome{text-align:right; line-height:26px; }
#comsome a{color:#c4ccc2;text-decoration:none; }
#comsome a:hover{color:#FFF;}

#banner{height: 56px;padding-top:25px;}
#logo{float:left;}
#logo_tip{color:#adafac;float:left;padding-top:18px;padding-left:5px;}

#menu{height: 30px;position:relative;float:right;padding-top:10px;_width:370px;}
#menu .cl, #menu .cr{background: transparent url(../images/sprite.gif) no-repeat scroll 0 0;width: 9px;height: 31px;_height: 30px;}
#menu .cr{background-position: -8px 0;}
#menu .panel{background-color:#333;height: 30px;padding:0 20px;line-height:30px; }
#menu .panel a{color:#9fa1a5;text-decoration:none;}
#menu .panel .on{color:#7eb30c;}
#menu .panel a:hover{text-decoration:underline; }
#menu .panel span{padding:0 10px;color:#9fa1a5;}

#body{overflow:auto;}
#body .wrap1{float:left;width: 630px;}
#body .wrap2{float:left;margin-left:19px; position:relative;min-height:500px;width: 230px;}
#body .wrap2 .cl{width: 6px;height: 445px;background: transparent url(../images/sprite.gif) no-repeat scroll -40px 0;bottom:0;_overflow:hidden;_font:0;}
#body .wrap2 .cb{width: 164px;height: 7px;background: transparent url(../images/sprite.gif) no-repeat scroll -60px 0;left:1px;_overflow:hidden;}
#body .wrap2 .panel{padding-top:40px;padding-left:15px;color:#b3b5b1;font-size:12px;}
#body .wrap2 .panel h3{margin:0px;padding:0px;font-weight:normal;font-size:14px;padding-left:5px;}
#body .wrap2 .panel .dType{padding:10px 0;}
#body .wrap2 .panel .dType li{height: 25px;line-height:25px;padding-left:3px;cursor:pointer;}
#body .wrap2 .panel .dType li span{display:block;float:left;width: 16px;height: 16px;background: transparent url(../images/sprite.gif) no-repeat scroll 0 -131px;margin: 3px 5px 0 0;}
#body .wrap2 .panel .dType li.on span{background: transparent url(../images/sprite.gif) no-repeat scroll 0 -110px;}
#body .wrap2 .panel .vDesc{padding:10px 0;}
#body .wrap2 .panel .vDesc li{line-height:1.5;padding-left:20px; padding-bottom:10px;}

#download{width: 199px;height: 48px;background: transparent url(../images/download.jpg) no-repeat scroll 0; cursor:pointer;margin-bottom:20px;}

#como_txt{border:1px solid #4a4b4a;background-color:#373b35;padding:10px;position:relative;margin-top:40px;}
#como_txt h1{font-size:14px;padding:0px;margin:0px;font-family:Microsoft YaHei,'微软雅黑', '黑体'; line-height:1.5;color:#f0f0ef;font-weight:normal;text-indent:30px; }
#como_txt h1 a{color:#f0f0ef;}
#como_txt .arrow{width: 35px;height: 39px;background: transparent url(../images/sprite.gif) no-repeat scroll 0 -32px;position:absolute;left:55px;top:-39px;_top:-38px;}
#como_txt ul{overflow:auto;padding:20px 20px 10px 20px;zoom:1;}
#como_txt ul li{background:transparent url(../images/sprite.gif) no-repeat scroll -60px -80px;float:left;height:23px;line-height:1.5;list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:25px;width:255px;color:#a4a6a1;}

#debug{margin:13px 0;border:1px solid #4a4b4a;background-color:#373b35;padding:12px;}
#debug input, #debug button{border:none;background-color:#c4c5c3;vertical-align:middle;color:#3e403d;}
#debug input{height: 22px;padding: 7px 5px 3px 5px;width: 518px;}
#debug button{height: 32px;font-family:Microsoft YaHei,'微软雅黑', '黑体';font-weight:bold;font-size:14px;padding:0;width: 70px;cursor:pointer; _margin-left:5px;}

#agreement{border-bottom:1px solid #4f504e;overflow:auto;}
#agreement h2,#developer h2{font-size:14px;color:#82ba09;font-weight:bold;height: 36px;line-height:36px; }
#agreement .agree{float:left;width: 209px;border-right:1px solid #4f504e;height: 147px;}
#agreement .agree .panel{font-size:14px;color:#898c85;line-height:1.5; padding-right:15px;}
#agreement .browser{float:left;padding-left:22px;}
#agreement .browser .panel ul li{float:left;padding-right:17px;cursor:pointer;}
#agreement .browser .panel ul li a{display:block;}
#agreement .browser .panel ul li img{width: 60px;height: 60px;}

#developer .panel{}
#developer p{color:#898c85;}
#developer .panel ul li, #pDeveloper .panel ul li{float:left;padding:10px 22px 10px 0px;}
#developer .panel ul li img, #pDeveloper .panel ul li img{width: 50px;height: 50px;border:3px solid #76707a;}
#developer .panel ul li a, #pDeveloper .panel ul li a{display:block;}
#developer .panel ul li a:hover img, #pDeveloper .panel ul li a:hover img{border:3px solid #FFF;}

#page{min-height:420px;}
#page h2{font-size:16px;color:#82ba09;font-weight:bold;height: 36px;line-height:36px; }

#pDeveloper{overflow:auto;}

.defaultTip{position:absolute;top:200px; left:100px;}
.defaultTip .content{position:relative;width: 200px;background-color:#b1b2b1;border:2px solid #363636;padding:10px;color:#363636;}
.defaultTip .arrow{left:30px; bottom:-27px;width: 24px;height: 27px;background: transparent url(../images/sprite.gif) no-repeat scroll 0 -160px;position:absolute;}
.left_top, .right_top, .left_bottom, .right_bottom{position:absolute;background: transparent url(../images/sprite.gif) no-repeat scroll 0;width: 8px;height: 8px;}
.left_top{left:0;top:0;background-position:-58px -176px;}
.right_top{right:0;top:0;background-position:-224px -176px;}
.left_bottom{left:0;bottom:0;}
.right_bottom{right:0;bottom:0;}


#page .panel{color:#ccc;line-height:1.5; }
#page .code{background-color:#4A4D49;padding:10px;margin:10px;color:#999;  font-family: Courier New;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
#page .code a{color:#999;}
#page .code .artlist{ width:500px; margin:0 auto;}
#page .code .artlist li{height:25px; line-height:25px; border-bottom:1px #999 dotted;}
#page .code .artlist li span{ float:right;}
.topage{ height:35px; line-height:35px; width:500px; margin:0 auto;}
.topage a{ cursor:pointer;}

#version_list{}
#version_list .version_item{}
#version_list .version_item a{color:#999;text-decoration:none; }
#version_list .version_item a:hover{text-decoration:underline; }
#version_list .version_item .title{overflow:auto;}
#version_list .version_item .title h3{font-size:12px;float:left;padding:0;margin:0px;width: 100px;}
#version_list .version_item .title span{float:left;display:inline;margin-left:30px;color:#999}
#version_list .version_item .title .time{;}
#version_list .version_item .body{background-color:#4A4D49;padding:10px;display:block;clear:both;margin:10px;color:#999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
#version_list .version_item .body li{line-height:1.5; }
.artadd{ padding-left:30px; clear:both; padding-bottom:50px;}
.artadd li{ clear:both;}
.artadd li label{width:60px; text-align:right; line-height:25px; float:left;}
.artadd li input,.artadd li textarea{ float:left;}

#plugin{overflow:auto;padding-left:180px;}
#plugin .subMenu{float:left;margin:0 0 0 -180px;width:180px;}
#plugin .subMenu .mgroup{margin-top:3px;}
#plugin .subMenu .mgroup a{background-color:#232529;padding-left:10px;text-align:left;display:block;color:#fff;height: 20px; line-height:20px; font:bold normal 12px/1.5em "Arial"; text-decoration:none; cursor:pointer;}
#plugin .subMenu .mgroup a:hover{text-decoration:none; }
#plugin .subMenu .mgroup .mgroupcontent{overflow:hidden;}
#plugin .subMenu .mgroup .mgroupcontent .mgroupitem{}
#plugin .subMenu .mgroup .mgroupcontent .mgroupitem a{background-color:#333333;text-align:left;color:#999;margin:2px 5px; padding-left:30px; }
#plugin .subMenu .mgroup .mgroupcontent .mgroupitem a:hover{background-color:#4A4D49;color:#fed16a;}
#plugin .subMenu .mgroup .mgroupcontent  .cur a{background-color:#fff;text-align:left; padding-left:30px; height: 20px; line-height:20px; font:bold normal 12px/1.5em "Arial"; margin:3px 0 3px 5px;color:#666;}
#plugin .subMenu .mgroup .mgroupcontent .cur a:hover{background-color:#fff;cursor:auto;color:#666;}

#plugin .subMain{float:right;overflow:hidden;width:100%;}
#plugin .subMain .iframe{margin-left:20px;}
